.xpert-execution-status {
  .container {
    @apply bg-neutral-200/20;
  }
  .indicator-container {
    @apply text-neutral-500;
  }
  .indicator {
    @apply bg-neutral-600 border-neutral-700 shadow-[0_0_5px_-3px_rgba(14,159,110,0.1),0.5px_0.5px_3px_rgba(14,159,110,0.3),inset_1.5px_1.5px_0px_rgba(255,255,255,0.2)];
  }
  
  &.running {
    .container {
      @apply bg-blue-200/20;
    }
    .indicator-container {
      @apply text-blue-500;
    }
    .indicator {
      @apply bg-blue-500 border-blue-600 shadow-[0_0_5px_-3px_rgba(14,159,110,0.1),0.5px_0.5px_3px_rgba(14,159,110,0.3),inset_1.5px_1.5px_0px_rgba(255,255,255,0.2)];
    }
  }
  &.success {
    .container {
      @apply bg-green-200/20;
    }
    .indicator-container {
      @apply text-green-500;
    }
    .indicator {
      @apply bg-[#31C48D] border-[#0E9F6E] shadow-[0_0_5px_-3px_rgba(14,159,110,0.1),0.5px_0.5px_3px_rgba(14,159,110,0.3),inset_1.5px_1.5px_0px_rgba(255,255,255,0.2)];
    }
  }
  &.error {
    .container {
      @apply bg-red-200/20;
    }
    .indicator-container {
      @apply text-red-600;
    }
    .indicator {
      @apply bg-red-400 border-red-500 shadow-[0_0_5px_-3px_rgba(14,159,110,0.1),0.5px_0.5px_3px_rgba(14,159,110,0.3),inset_1.5px_1.5px_0px_rgba(255,255,255,0.2)];
    }
  }
}
